<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>目录管理</title>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../css/styleReset.css">

    <link rel="stylesheet" href="../../css/catalogue.css">
</head>
<body class="catalogue-body">
<div class="catalogue">
    <!-- 内容主体区域 -->
    <div class="content-box" style="display: flex;height: 100%;">
        <!--塞内容位置-->

        <!--内容部分 start-->
        <!--左侧树状菜单-->
        <div class="pull-left content-left-part" style="padding-top: 20px;padding-bottom: 20px">
            <div class="card card1" id="treeData">
                <div class="treeMenu">
                    <ul id="treeMenu"></ul>
                </div>
            </div>
        </div>
        <!--右侧内容部分-->
        <div class="pull-right content-right-part bdLeft10">
            <div class="card card-content catalogue-content" id="catalogueContent">
                <div class="tool-bar">
                    <a href="javascript:void(0)">
                        <button type="button" class="btn btn-primary add-catalogue">
                            <i class="iconfont icon-add"></i> 新增目录
                        </button>
                    </a>
                </div>
                <div class="data-list">
                    <table class="layui-table" lay-even="" lay-skin="nob">
                        <thead>
                            <tr>
                                <th>目录名称</th>
                                <th>是否显示</th>
                                <th>创建时间</th>
                                <th>创建人</th>
                                <th>创建人工号</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="catalogueList">
                        <tr data-id="11">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="12">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="13">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn">
                                    <img src="../../image/detail.png" alt="">
                                </a>
                                <a href="javascript:void(0)" class="delete-btn">
                                    <img src="../../image/delete.png" alt="">
                                </a>
                            </td>
                        </tr>
                        <tr data-id="14">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="15">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="16">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="17">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="18">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="19">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png"
                                                                                     alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="110">
                            <td>知识库1</td>
                            <td>是否显示</td>
                            <td>2019.11.24.13：00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <!--分页功能 start-->
                    <div id="cateloguePage" class="page-box">

                    </div>
                    <!--分页功能 end-->
                </div>
            </div>
        </div>
        <!--内容部分 end-->
        <div class="clearfix"></div>
    </div>
</div>

<!--新增目录模态框 start-->
<div class="modal fade" id="catalogueModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" align="center">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">新增目录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="catalogueInput1" class="col-sm-2 control-label">上级目录</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="catalogueInput1" placeholder="请输入" value=" ">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="catalogueInput2" class="col-sm-2 control-label">上级目录</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="catalogueInput2" placeholder="请输入" value=" ">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="catalogueInput3" class="col-sm-2 control-label">目录描述</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" id="catalogueInput3" placeholder=""></textarea>
                        </div>
                    </div>
                    <div class="form-group mb5">
                        <label class="col-sm-2 control-label">是否显示目录描述</label>
                        <div class="col-sm-10 radiobox form-inline">
                            <label class="radiobox-item mr15" for="isShow1">
                                <i class="iconfont icon-exclusive_on"></i>
                                <input type="radio" class="chooseRadioBox" id="isShow1" name="isShow" value="1"
                                       title="是" checked>显示
                            </label>
                            <label class="radiobox-item" for="isShow2">
                                <i class="iconfont icon-exclusive_off"></i>
                                <input type="radio" class="chooseRadioBox" id="isShow2" name="isShow" value="0"
                                       title="否">不显示
                            </label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sure">确定</button>
                <button type="button" class="btn btn-cancel" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--新增目录模态框 end-->

<script src="../../../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../../../plugins/bootstrap.js"></script>
<script src="../../../../plugins/layui/layui.js"></script>
<script src="../../js/util.js"></script>
<script src="../../js/catalogue.js"></script>
</body>
</html>
